import React from 'react'
import ReactDOM from 'react-dom'

const Hello = () => {
  // 事件处理程序
  const handleClick = (e) => {
    // 如果想要看到 事件对象 中的信息，可以调用该方法
    // 如果调用 事件对象 中的方法 失败了，也可以调用该方法
    // e.persist()

    // 阻止浏览器的默认行为
    e.preventDefault()

    setTimeout(() => {
      // 注意：在定时器里面获取 事件对象 中的属性或方法时，会报错
      // 此时，只需要调用 e.persist() 即可
      console.log(e.type)
    }, 1000)

    console.log('单击事件', e)
  }

  return (
    <div>
      绑定事件：

      <a href="https://baidu.com/" onClick={handleClick}>百度</a>
    </div>
  )
}

ReactDOM.render(<Hello />, document.getElementById('root'))